<template>
    <van-field style="padding: 0" :model-value="value" label-align="top" v-bind="$attrs" @update:model-value="onChange" />
</template>
  
<script setup lang="ts">
defineProps({
    value: {
        type: String,
    },
});
const emit = defineEmits(["update:value"]);
const onChange = (value:string) => {
    console.log(value);
    emit('update:value', value)
}
</script>
  
<style lang="scss" scoped>
// :deep(.van-field__control) {
//     border-radius: 0.25rem;
//     /* border: 1px solid grey; */
//     /* background-color: #f2f2eb; */
//     font-family: inherit;
//     font-size: inherit;
//     color: inherit;
//     line-height: 1;
//     padding: 12px 8px;
//     box-sizing: border-box;
//     width: 100%;
// }

:deep(.van-field__label) {
    margin-top: 20px;
    color: #141414;
    font-size: 14px;
}



:deep(.van-field__body) {
    border: 1px solid #959595;
    border-radius: 4px;

    input {
        padding: 8px;
        height: 40px;
    }
}

:deep(.van-cell) {
    padding: 0;
}
</style>
<style scoped>
.van-cell::after {
    display: none;
}
</style>